html, body, div, span,
h1, h2, h3, h4, h5, h6, p,address,
fieldset, form,canvas,mark{
  margin: 0;
  border: 0;
  font: inherit;
}

/*******************************************************************************
Theme Styles
*******************************************************************************/

html, body {
  width:100%; 
  height: 886px;
}

body {
  box-sizing: border-box;
  color:#373737;
  background: #ff0;
}
#main_content_wrap {
  height: 830px;
}
body, input, button {
  font-size: 16px;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}


h1, h2, h3, h4, h5, h6 {
  background: #ff0;
  margin: 10px 0;
  font-weight: 700;
  color:#222222;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
}

h1 {
  font-size: 36px;
  font-weight: 700;
}

form {
  position:absolute;
  left:90px;
  top:37px;
  background: #f2f2f2;
  background: rgba(0, 0, 0, 0.0);
  visibility:hidden;
}
#info {
  position:absolute;
  left:20px;
  top:420px;
  width:165px;
  height:170px;
  border:solid 1px;
  border-color:#CCFF99;
  background: rgba(144, 144, 81, 0.7);
}
#aa{
  width:80px;
  background: #cccc22;
}
#data{
  position:absolute;
  left:0px;
  top:95px;
  width:150px;
  height:20px;
  color:#CCFF99;
  border:none;
  background: rgba(0, 0, 0, 0.0);
}
#car{
  position:absolute;
  left:0px;
  top:115px;
  width:150px;
  height:20px;
  color:#CCFF99;
  border:none;
  background: rgba(0, 0, 0, 0.0);
}
#eval{
  position:absolute;
  left:0px;
  top:135px;
  width:150px;
  height:20px;
  color:#CCFF99;
  border:none;
  background: rgba(0, 0, 0, 0.0);
}
#num{
  position:absolute;
  left:90px;
  top:0px;
  width:200px;
  color:#CCFF99;
  border:none;
  background: rgba(0, 0, 0, 0.0);
}
#img{
  position:absolute;
  left:0px;
  top:33px;
  width:60px;
  height:60px;
  border:solid 1px;
  border-color:#CCFF99;
  background: rgba(0, 0, 0, 0.0);
}
#dist1{
  position:absolute;
  left:80px;
  top:40px;
  width:200px;
  color:#CCFF99;
  border:none;
  background: rgba(0, 0, 0, 0.0);
}
#dist2{
  position:absolute;
  left:100px;
  top:60px;
  width:200px;
  color:#CCFF99;
  border:none;
  background: rgba(0, 0, 0, 0.0);
}
#nodir{
 color:#ffffff;
 background-color:#ff0000;
}
#pos {
position:absolute;
left:274px;
top:37px;
border:solid 1px;
background: #cccc99;
}
#lcode{
color:0000ff;
}
#code{
width:60px;
color:#0000ff;
background:#ffff00;
}
#find{
color:#0000ff;
background:#bb0;
}
#listo{
  position:absolute;
  left:68.5%;
  top:150px;
  visibility:hidden;
}
#listc{
position:absolute;left:68.5%;top:220px;visibility:hidden;}
#addr{
opacity:0;
}
#onload{position:absolute;right:98px;top:200px;width:154px;color:red;background:#F7F2E0;}
#list{position:absolute;right:0px;top:0px;background:#f5ecce;border:solid 1px;bordercolor:#0000ff;width:360px;height:500px;visibility:hidden;z-index:10000;}
#lbl2{width:30px;background:#f5ecce;font-weight:bold;border:none;}
#drivers{width:350px;height:450px;background:#ffffff;>}
#refresh{position:relative;left:20px;top:412px;background:#F7F2E0;}
#cancel{position:relative;left:140px;top:412px;background:#F7F2E0;}
#signal{position:absolute;left:558px;top:1px;width:36px;height:34px;background:url('https://sites.google.com/site/taxilinesystem/home/i/signal.png');visibility:hidden;}

#scroll {width: 350px;}
#scroll .viewport {position:absolute;right:20px;top:50px; width: 340px; height: 410px; overflow: hidden; }
#scroll .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scroll .scrollbar{right:-10px;background: transparent url(../i/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scroll .track { background: transparent url(../i/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scroll .thumb { background: transparent url(../i/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scroll .thumb .end { background: transparent url(../i/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scroll .disable { display: none; }
/*******************************************************************************
Full-Width Styles
*******************************************************************************/

.outer {
  width: 100%;
}

.inner {
  position: absolute;
  width: 99%;
  height:95%;
}

#main_content_wrap {
  background: #cbeeda;
  height:100%;
  border-top: 1px solid #111;
  border-bottom: 1px solid #111;
}

#main_content {
  padding-top: 0px;
}

#geocomplete { width: 462px; }

.map_canvas {
  position absolute;
  left:0px;
  top:0px; 
  width: 70%; 
  height: 830px; 
  margin: 0px 0 0px 0;
  border: 1px solid #000;
}
#btn1,#btn2,#btn3,#btn4,#btn5,#btn6,#btn7,#btn8,#btn9,#btn10,#btn11,#btn12{
position:relative;
left:90px;
top:0px;
width:35px;
height:35px;
}
#btn1{background:url('../i/center_wide.png') no-repeat;}
#btn2{background:url('../i/center_narrow.png') no-repeat;}
#btn3{background:url('../i/arrow_right.png') no-repeat;}
#btn4{background:url('../i/arrow_up.png') no-repeat;}
#btn5{background:url('../i/arrow_left.png') no-repeat;}
#btn6{background:url('../i/arrow_down.png') no-repeat;}
#btn7{background:url('../i/home.png') no-repeat;}
#btn8{background:url('../i/chat.png') no-repeat;}
#btn9{background:url('../i/taxi32.png') no-repeat;}
#btn10{background:url('../i/chatcl.png') no-repeat;}
#btn11{background:url('../i/pin.png') no-repeat;}
#btn12{background:url('../i/calls.png') no-repeat;}
#msg{position:absolute;left:750px;top:92px;heigt:24px;width:560px;border:solid 1px;background:#e1e100;visibility:hidden}
#what{width:315px;}
#snd{background:#ffff00;}

#cl{position:absolute;right:0px;top:0px;width:30%;height:130px;color:#0000ff;background:#c0c000;border:solid 1px;border-color:#000000;}
#cl1{position:absolute;left:0px;top:25px;width:60px;color:#0000ff;background:#c0c000;border:none;}
#cl2{position:absolute;left:280px;top:25px;width:60px;color:#0000ff;background:#c0c000;border:none;}
#cl3{position:absolute;left:0px;top:50px;width:60px;color:#0000ff;background:#c0c000;border:none;}
#cl4{position:absolute;left:280px;top:50px;width:60px;color:#0000ff;background:#c0c000;border:none;}
#cl5{position:absolute;left:0px;top:75px;width:60px;color:#0000ff;background:#c0c000;border:none;}
#cl6{position:absolute;left:250px;top:75px;width:60px;color:#0000ff;background:#c0c000;border:none;}
#cl7{position:absolute;left:400px;top:75px;width:60px;color:#0000ff;background:#c0c000;border:none;}
#cl8{position:absolute;left:0px;top:100px;color:#0000ff;background:#d0d000;}
#cl9{position:absolute;left:228px;top:100px;color:#0000ff;background:#d0d000;}
#cl10{position:absolute;left:456px;top:100px;color:#0000ff;background:#d0d000;}
#cl11{position:absolute;left:0px;top:75px;width:100%;height:50px;color:#0000ff;background:#d0d000;visibility:hidden;overflow:auto}
#cl12{position:absolute;left:130px;top:2px;height:22px;color:#0000ff;background:#d0d000;}
#cl13{position:absolute;left:280px;top:2px;width:80px;color:#0000ff;background:#c0c000;border:none;}
#sname{position:absolute;left:70px;top:25px;width:200px;height:16px;color:#0000ff;background:#d0d000;}
#name{position:absolute;left:340px;top:25px;width:200px;height:16px;color:#0000ff;background:#d0d000;}
#adr{position:absolute;left:70px;top:50px;width:200px;height:16px;color:#0000ff;background:#d0d000;}
#tel{position:absolute;left:340px;top:50px;width:200px;width:200px;height:16px;color:#0000ff;background:#d0d000;}
#email{position:absolute;left:70px;top:75px;width:170px;height:16px;color:#0000ff;background:#d0d000;}
#user{position:absolute;left:300px;top:75px;width:90px;height:16px;color:#0000ff;background:#d0d000;}
#pswd{position:absolute;left:450px;top:75px;width:90px;height:16px;color:#0000ff;background:#d0d000;}
#group{position:absolute;left:365px;top:2px;width:180px;color:#0000ff;background:#d0d000;}
#rdv{position:absolute;right:0px;top:135px;width:30%;height:300px;color:#0000ff;background:#d0d0d0;border:solid 1px;border-color:#000000;}
#rdv1{position:absolute;left:0px;top:25px;width:100%;height:235px;color:#0000ff;background:#e0e0e0;}
#rdv2{position:absolute;left:0px;top:270px;width:110px;color:#0000ff;background:#e0e0e0;}
#rdv3{position:absolute;left:228px;top:270px;width:110px;color:#0000ff;background:#e0e0e0;}
#rdv4{position:absolute;left:456px;top:270px;width:110px;color:#0000ff;background:#e0e0e0;}
#theDay{position:absolute;left:250px;top:0px;width:90px;color:#0000ff;background:#e0e0e0;}
#rdv5{position:absolute;left:335px;top:0px;width:10px;color:#0000ff;background:#e0e0e0;}
#rdv6{position:absolute;left:470px;top:0px;width:60px;color:#0000ff;background:#e0e0e0;}
#tm1{position:absolute;left:365px;top:0px;width:40px;color:#0000ff;background:#e0e0e0;}
#tm2{position:absolute;left:420px;top:0px;width:40px;color:#0000ff;background:#e0e0e0;}
#rdvc{position:absolute;right:0px;top:435px;width:30%;height:210px;color:#0000ff;background:#99ffcc;border:solid 1px;border-color:#000000;}
#rdvc1{position:absolute;left:0px;top:25px;width:100%;height:185px;color:#0000ff;background:#a0ffdd;}
#rdvn{position:absolute;right:0px;top:645px;width:30%;height:240px;color:#0000ff;background:#ffcccc;border:solid 1px;border-color:#000000;}
#rdvn1{position:absolute;left:0px;top:25px;width:100%;height:180px;color:#0000ff;background:#ffdddd;}
#rdvn2{position:absolute;left:30px;top:210px;color:#0000ff;background:#ffdddd;}
#rdvn3{position:absolute;left:456px;top:210px;color:#0000ff;background:#ffdddd;}
#todr{position:absolute;left:0px;top:835px;width:400px;height:51px;color:#0000ff;background:#33ffff;border:solid 1px;border-color:#000000;}
#todr1{position:absolute;left:180px;top:1px;width:40px;height:16px;color:#0000ff;background:#66ffff;}
#todr2{position:absolute;left:2px;top:25px;width:392px;color:#0000ff;background:#A0ffff;}
#todr3{position:absolute;left:230px;top:3px;width:20px;color:#0000ff;background:#66ffff;font-size:10px;}
#todr4{position:absolute;left:265px;top:3px;width:100px;color:#0000ff;background:#A0ffff;font-size:10px;}
#todr5{position:absolute;left:378px;top:3px;width:20px;color:#0000ff;background:#A0ffff;font-size:10px;}
#connect{position:absolute;left:405px;top:835px;width:300px;height:51px;color:#0000ff;background:#33ffff;border:solid 1px;border-color:#000000;}
#fromcl{position:absolute;left:170px;top:1px;width:50px;height:16px;color:#0000ff;background:#A0ffff;}
#totx{position:absolute;left:242px;top:1px;width:50px;color:#0000ff;background:#A0ffff;}
#con1{position:absolute;left:2px;top:30px;width:80px;color:#0000ff;background:#A0ffff;font-size:10px;}
#con2{position:absolute;left:218px;top:30px;width:80px;color:#0000ff;background:#A0ffff;font-size:10px;}
#con3{position:absolute;left:140px;top:30px;width:30px;color:#0000ff;background:#A0ffff;font-size:10px;}
#tl{position:absolute;left:900px;top:840px;color:#00A000;font-size:30px;}

/*******************************************************************************
Small Device Styles
*******************************************************************************/

@media screen and (max-width: 480px) {
  body {
    font-size:14px;
  }


  .inner {
    min-width: 320px;
    max-width: 480px;
  }

  #project_title {
  font-size: 32px;
  }

  h1 {
    font-size: 28px;
  }

}
